var cmui = {
	init : function(){
		//初始化条件选择列表
		if( mui('.cmui-table-select').length > 0 ){
			//给条件列表绑定点击事件
			//创建蒙版
			var mask = mui.createMask(function(){
				//点击蒙板时销毁下拉弹出层
				document.getElementById('cmui-table-selectFoot').innerHTML = '';
				//获取当前点击的li对象
				var liObj = jQuery('.cmui-table-option.active');
				liObj.find('a span:last-child').removeClass('mui-icon-arrowup');
				liObj.find('a span:last-child').addClass('mui-icon-arrowdown');
				liObj.removeClass('active');
			});
			mui('.cmui-table-select').on('tap','.cmui-table-option',function(){
				//弹出层父容器，后面需要使用
				var tapDiv = document.getElementById('cmui-table-selectFoot');
				//判断当前li是否处于active状态
				if( jQuery(this).hasClass('active') ){
					tapDiv.innerHTML = '';
					jQuery(this).find('a span:last-child').removeClass('mui-icon-arrowup');
					jQuery(this).find('a span:last-child').addClass('mui-icon-arrowdown');
					jQuery(this).removeClass('active');
					mask.close();
				}else{
					mask.show();
					//去掉其他li的active样式以及选择弹出层内容
					tapDiv.innerHTML = '';
					jQuery('.cmui-table-option').removeClass('active');
					jQuery('.cmui-table-select .cmui-table-option a span:last-child').removeClass('mui-icon-arrowup');
					jQuery('.cmui-table-select .cmui-table-option a span:last-child').addClass('mui-icon-arrowdown');
					//给当前li添加active样式
					jQuery(this).find('a span:last-child').removeClass('mui-icon-arrowdown');
					jQuery(this).find('a span:last-child').addClass('mui-icon-arrowup');
					jQuery(this).addClass('active');
					//生成下拉选择列表
					//获取选择数据
					var dataStr = this.dataset.options;
					var dataArr = cmui.strToArray(dataStr);
					if( dataArr ){
						//获取之前选择的条件
						var activeValue = this.dataset.option;
						//创建选择弹出层内容
						var tmpStr = '';
						tmpStr += '<ul class="mui-table-view mui-table-view-radio">';
						for(var i=0; i<dataArr.length; i++){
							if( activeValue == dataArr[i] ){
								tmpStr += '<li class="mui-table-view-cell mui-selected">'+
											'<a class="mui-navigate-right">'+
												dataArr[i] +
											'</a>'+
										'</li>';
							}else{
								tmpStr += '<li class="mui-table-view-cell">'+
											'<a class="mui-navigate-right">'+
												dataArr[i] +
											'</a>'+
										'</li>';	
							}
						}
						tmpStr += '</ul>';
						tapDiv.innerHTML = tmpStr;
					}else{
						return;
					}
				}
			});
			
			//选择弹出层点击事件
			mui('#cmui-table-selectFoot').on('tap','li',function(){
				//获取当前点击的li对象
				var liObj = jQuery('.cmui-table-option.active');
				//当前选择的数据
				var tapVal = jQuery(this).find('a').text();
				//将选择的数据添加到li上，下次选择的时候可以默认选中已选择的值
				liObj[0].dataset.option = tapVal;
				//销毁该弹出层,并取消li的active状态
				setTimeout(function(){
					document.getElementById('cmui-table-selectFoot').innerHTML = '';
					liObj.find('a span:last-child').removeClass('mui-icon-arrowup');
					liObj.find('a span:last-child').addClass('mui-icon-arrowdown');
					liObj.removeClass('active');
					mask.close();
					//获取回调函数
					var callback = liObj[0].dataset.callback;
					if( callback != undefined && callback.length > 0){
						eval(callback + "(tapVal)");
					}
				},200);
			});
		}
	},
	strToArray:function(str){  //字符串转数组工具 默认处理用逗号拼接的字符串
		if( str == null || str == undefined ||  str.length <= 0 ){
			return null;
		}else{
			return str.split(',');
		}
	}
}
